body{background: #fff;}
.content-box{ margin: 0 auto; width: 1000px;}
.table-div{display: table-cell; vertical-align: middle;}

.header-box{ width: 100%; min-width: 1000px;line-height: 50px;height: 50px;}
.header-box .nav-ul>li{position: relative;}
.header-box .nav-ul>li,.header-box .btn-ul li{ display: inline-block; float: left;font-size: 14px}
.header-first-div{ height: 50px; ; background-color: #292b33; position: fixed;top: 0; width: 100%;z-index: 99999;}
.header-bg{ height: 80px; background: url(../images/index_nav_bg.png) repeat-x transparent;}
.header-first-div ul li a{ color: #ffffff;}
.header-first-div .logo-img-a{ width: 149px; height: 50px; display:inline-block; background:url(../images/logo.png) center center no-repeat;  vertical-align: middle; }
.header-first-div .logo-ul{ margin-right: 30px; height: 50px;}
.header-bg .logo-ul a{ margin-top: 20px;}
.header-first-div .nav-ul>li>a{ display: inline-block; padding: 0 15px; height: 50px;cursor: pointer;}
.header-first-div .nav-ul>li:hover,.header-first-div .nav-ul>li.active{height: 50px;background: #1e1e1e;}
.header-second-div { height:50px; border-bottom: 1px solid #e6e6e6;}
.header-second-div .nav-ul li a:hover,.header-second-div .nav-ul li a.active{color: #7EC3D5; }
.header-second-div .title-ul{ font-size: 16px; font-weight: bold;}
.header-first-div .nav-second-ul li{ color: #fff; margin: 0 20px; line-height: 70px;}
.header-first-div .nav-second-ul li span{ display: inline-block; font-size: 30px; margin: 0 7px;}
.header-first-div .btn-ul li{margin:0px;}
.header-first-div .btn-ul .btn{margin:0 5px;}
.header-first-div .btn-ul .btn-width-20{min-width:20px!important;}
.header-first-div .icon-qq{background-image: url(../images/qq.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0; vertical-align: middle; height: 16px; width: 16px;}

.footer-box{width: 100%; min-width: 1000px; background: #292b33; padding: 30px 0; margin-top: 80px; position: relative; bottom: 0px;}
.footer-cont-div ul li{ line-height: 180%;color:#999;}
.footer-cont-div ul li a{ color: #999999;}
.footer-cont-div ul li span{ color: #ffffff; font-size: 18px;display: inline-block;margin-bottom: 15px;}
.footer-cont-ul{ display: block; min-width:150px;margin-left: 30px;}
.footer-contact-ul .logo-img-a{ width: 177px; height: 41px; display:inline-block; background:url(../images/logo.png) no-repeat;  vertical-align: middle;}
.footer-contact-ul .logo-img-li{ height: 50px; line-height: 50px;}
.footer-contact-ul{width: 350px;}
.footer-contact-ul:nth-child(2) li{margin-top: 36px;}
.footer-cont-ul li{text-align: center;margin-right: 30px;}
.footer-box .btn{padding: 5px 20px; font-size: 16px;margin-top: 5px;}

.scroll-index-box{min-width: 100px; position: relative; height: 524px;}
.scroll-index-box .scroll-img-box{ width: 100%; height: 524px;vertical-align: middle; display: table;}
.scroll-index-box .scroll-01{ background: url(../images/scroll-01.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-02{ background: url(../images/scroll-02.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-03{ background: url(../images/scroll-03.jpg) no-repeat top center #fff;}
.scroll-index-box .scroll-04{ background: url(../images/scroll-04.jpg) no-repeat top center #fff;}


.scroll-index-box .control{width:100%;position:absolute; bottom: 10px;min-width: 1000px;text-align:center}
.scroll-index-box .control li{display:inline-block;*display:inline;*zoom:1;margin:0 10px 0 0;width:10px;height:10px;border-radius:50%;cursor:pointer;background:#E4E3DE}
.scroll-index-box .control li a{display:none}
.scroll-index-box .control li.current{background:#258fc1}
.scroll-index-box .prev{ background: url(../images/left-white.png) no-repeat; width: 24px; height: 41px; display: block;position:absolute; left:150px; top:50%;margin-top: -20px;}
.scroll-index-box .next{ background: url(../images/right-white.png) no-repeat; width: 24px; height: 41px; display: block; position:absolute; right:150px; top:50%;margin-top: -20px;}

.scroll-01{ text-align: center;}
.scroll-01 h2{ font-size:30px; color: #fff; margin-bottom: 20px; }
.scroll-01 p{ font-size: 18px; line-height: 30px; color: #fff;}
.scroll-01 span{ color: #00ccff;}
.scroll-01 .btn{ height: 60px; border-radius:50px; line-height: 60px; font-size: 30px; padding: 0 70px; margin-top: 20px;}
.scroll-01 .content-box{padding-top: 30px;}
.scroll-01 .scroll-02-text,.scroll-01 .img-box{display: inline-block;float: left;}
.scroll-01 .img-box{width: 460px;text-align: center;}
.scroll-01 .scroll-02-text{width: 520px;margin-top: 130px;padding-left: 20px;}
.scroll-01 .img-box img{
    opacity: 0.7;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.scroll-01 .img-box img:hover{
    opacity: 1;
}

.scroll-02 .scroll-02-text{background: url(../images/index_nav_bg.png) repeat;}
.scroll-02 .scroll-02-text{width: 450px;margin: 0px 50px 0 30px; padding:30px;}
.scroll-02 .title-h2,.scroll-03 .title-h2,.scroll-04 .title-h2{ color: #00ccff;font-size: 30px;margin-bottom: 20px;}
.scroll-02 .title-h3{ font-size:18px;color: #fffff0; margin-top: 10px;  font-weight: normal; line-height: 30px;}
.scroll-02 p{ line-height: 30px; color: #fffff0; font-size:18px;}
.scroll-02 p span{  margin-right: 10px;}

.scroll-03  .scroll-03-text{ margin: 10% 0 0 90px;}
.scroll-03 .title-h3{ color: #ffbf00;}

.scroll-04 .scroll-04-text{margin-left: 10%;}
.scroll-04 .scroll-04-text p{ font-size: 16px; color: #fff; line-height: 30px;}
.scroll-04 .scroll-04-text p span{ margin-right: 20px;}
.scroll-04 .scroll-04-text p em{ margin-left:25px; }

.introduce-index-box{ padding:30px 0 50px 0; }
.title-box{ line-height: 88px; font-size: 30px; text-align: center;color: #333;margin-bottom: 20px;margin-top: 10px;}
.introduce-index-box .title-box{line-height: 60px;margin-bottom: 20px;}
.introduce-index-box .text-box{line-height: 25px;}
.introduce-index-box .text-box p{margin-bottom: 10px;font-size: 13px;}
.introduce-index-box .img-box{ background: url(../images/index-introduce-bg.png) no-repeat center; width: 100%; height: 369px; margin-top: 30px;}


.characteristic-index-box{background: #047772 url(../images/index-characteristic-bg.jpg) center bottom no-repeat; height: 600px; width: 100%;min-width:1000px; vertical-align: middle;}
.characteristic-index-box .title-box{ line-height: 88px; font-size: 30px; text-align: center;color: #fff}
.characteristic-index-box .table-div{vertical-align: middle; margin-top: 30px; display: block;}
.characteristic-index-box .icon{ width: 90px; height: 90px;}
.characteristic-index-box dl{ width:410px; color: #fff; float: left; margin:0  0 30px 70px;}
.characteristic-index-box dt,.characteristic-index-box dd{ float: left; height: 90px;}
.characteristic-index-box dd{ margin-left:30px;}
.characteristic-index-box dd h6{ font-size: 18px; margin:8px 0;color: #fff}
.characteristic-index-box dd span{ line-height: 24px; display: block;}


.superiority-index-box{ width:1000px;margin: 0px auto;}
.superiority-index-box>div{margin-bottom: 30px;}
.superiority-index-box dl{ width:33.33333%; display: block; float: left; text-align: center; margin-bottom: 20px;}
.superiority-index-box dt{ width: 100%; height: 90px; text-align: center; margin-bottom: 10px;}
.superiority-index-box dt .icon{ width: 90px; height: 90px;}
.superiority-index-box dd h6{ font-size: 18px; margin-bottom: 10px;}
.superiority-index-box dd span{ line-height: 24px; display: block;}


.partner-index-box{ background: #E4E3DE; width: 100%;min-width:1000px;padding-bottom: 20px;}
/*.partner-index-box h2{color: #E4E3DE}*/
.partner-index-box .icon{ width:175px; height: 71px;}
.partner-index-box .red-bg{background-color: #d95f4a;}
.partner-index-box .blue-bg{background-color: #60ac9a;}
.partner-index-box .yellow-bg{background-color: #edc233;}
.partner-index-box .green-bg{background-color: #55a561;}


.index-box .icon{ background-image: url(../images/index-icon.png);}
.index-box .icon.pantner-01{ background-position: 0 0;}
.index-box .icon.pantner-02{ background-position: 0 -71px;}
.index-box .icon.pantner-03{ background-position: 0 -142px;}
.index-box .icon.pantner-04{ background-position: 0 -213px;}
.index-box .icon.pantner-05{ background-position: 0 -284px;}
.index-box .icon.pantner-06{ background-position: 0 -355px;}
.index-box .icon.pantner-07{ background-position: 0 -426px;}
.index-box .icon.pantner-08{ background-position: 0 -497px;}
.index-box .icon.superiority-01{ background-position: -175px 0;}
.index-box .icon.superiority-02{ background-position: -175px -90px;}
.index-box .icon.superiority-03{ background-position: -175px -180px;}
.index-box .icon.superiority-04{ background-position: -175px -270px;}
.index-box .icon.superiority-05{ background-position: -175px -360px;}
.index-box .icon.superiority-06{ background-position: -175px -450px;}
.index-box .icon.characteristic-01{ background-position: -265px 0px;}
.index-box .icon.characteristic-02{ background-position: -265px -90px;}
.index-box .icon.characteristic-03{ background-position: -265px -180px;}
.index-box .icon.characteristic-04{ background-position: -265px -270px;}

.tel-box{ position: fixed; right: 0px; top: 38%; background:url(../images/tel-bg.png) no-repeat; width: 50px; height: 215px;}
/*锚点*/
a.anchor{
    position: relative;
    display: block;
    padding-top: 50px;
    margin-top: -50px;
    z-index: -1;
}
.sub_nav {
    background: #1e1e1e;
    padding: 5px;
    display: none;
    position: absolute;
    top: 50px;
    min-width: 76px;
}
.sub_nav li{
    height: 40px;
    line-height: 40px;
}
.sub_nav li a{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.sub_nav li:hover{
    background: #292B33;
}
.bigDataBox{
    background: url(../images/icon/bigData.png) center center no-repeat;
    background-size: 50%;
    height: 680px;
    position: relative;
}
.bigDataBox .moduleList{
    position: absolute;
}
.bigDataBox .moduleList h2{
    color: #fff;
    font-size: 20px;
    width: 120px;
    text-align: center;
    height: 70px;
    line-height: 70px;
    cursor: pointer;
    -webkit-transition: all .4s ease-in 0s;
    -o-transition: all .4s ease-in 0s;
    transition: all .4s ease-in 0s;
}
.bigDataBox .moduleList h2:hover{
    font-size: 24px;
    color: #292B33;
}
.bigDataBox .moduleList:nth-child(1){
    top: 220px;
    left: 300px;
}
.bigDataBox .moduleList:nth-child(1) svg{
    position: relative;
    left: 150px;
    
}
.bigDataBox .moduleList:nth-child(2){
    top: 170px;
    left: 440px;
}
.bigDataBox .moduleList:nth-child(3){
    top: 220px;
    left: 580px;
}
.bigDataBox .moduleList:nth-child(4){
    top: 400px;
    left: 580px;
}
.bigDataBox .moduleList:nth-child(5){
    top: 455px;
    left: 440px;
}
.bigDataBox .moduleList:nth-child(6){
    top: 400px;
    left: 300px;
}

.polyline {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear forwards;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.bigDataBox .content{
    position: absolute;
    top: -20px;
    left: -300px;
    text-align: right;
    -webkit-transition: all .4s ease-in 0s;
    -o-transition: all .4s ease-in 0s;
    transition: all .4s ease-in 0s;
    opacity: 0;
}


.index-news{
    width: 1000px;
    margin: 0 auto;
}
.en_flbox .list,.en_frbox .list{
    overflow:hidden;
}
.en_flbox .list ul li{
    width: 310px;
    float:left;
    margin:0 10px 20px;
    cursor:pointer;
}
.en_flbox .list ul li:nth-child(3n){
    margin-right: 10px;
}
.en_flbox .list ul li>a{
    display: inline-block;
    background: #fff;
    padding: 16px 10px;
    position: relative;
    width: 290px;
    height: 195px;
    -webkit-transition:all .4s ease-in-out 0s;
    -moz-transition:all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.index_news_title {
    position: relative;
    padding-bottom: 10px;
}
.index_news_title .title{
    display: inline-block;
    position: absolute;
    left: 40px;
    line-height: 140%;
    font-size: 14px;
}
.index_news_title .title span{
    /*height: 38px;*/
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.en_flbox .list ul li>a i,.en_flbox .list ul li>a span{
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.en_flbox .list ul li>a:hover .title span{
    color: #333;
}
.en_flbox .list ul li>a:hover i.newsIcon{
    background: url(../images/icon_news_red.png) no-repeat;
}
.en_flbox .list ul li>a:hover i.eventsIcon{
    background: url(../images/icon_events_red.png) no-repeat;
}
.en_flbox .list ul li>a:hover{
    box-shadow: -5px 5px 10px #8f8f8f,
                5px 5px 10px #8f8f8f;
    -moz-box-shadow: -5px 5px 10px #8f8f8f,
                        5px 5px 10px #8f8f8f;
    -webkit-box-shadow: -5px 5px 10px #8f8f8f,
                        5px 5px 10px #8f8f8f;
    position:relative;
    z-index:1;
}
.ieShadow{
    _width:330px;
    _height:232px;
    filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=6);
    -ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelradius=6)";
    position:absolute;
    left:-5px;
    top:5px;
    right:-5px;
    bottom:-5px;
}
.index_news_dec {
    padding: 10px 0;
    line-height: 150%;
    font-size: 12px;
    color: #555;
    border-top: 1px solid #ccc;
}
.index_news_dec p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.index_news_dec img{
    width: 320px;
    height: 160px;
}
.index_news_data{
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0;
    padding: 8px 10px;

}
.index_news_data span{
    font-size: 12px;
    color: #666;
    line-height: 20px;
}
.data{
    background: url(../images/icon_data.png) center 3px no-repeat;
    vertical-align: middle;
    margin-right: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.en_flbox .list a{
    font-size: 12px;
    color: #333;
}
.en_flbox ul li .moreSmall{
    position: absolute;
    right: 0px;
    bottom: 4px

}
i.newsIcon {
    width: 32px;
    height: 32px;
    background: url(../images/icon_news.png) top center no-repeat;
    vertical-align: middle;
    display: inline-block;
}
